<!--
 * @Author: GKN
 * @Date: 2024-02-01 15:58:49
 * @LastEditTime: 2024-02-01 16:02:50
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\components\word.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div>
        <span>盐</span>
        <span>城</span>
        <span>师</span>
        <span>范</span>
        <span>学</span>
        <span>院</span>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
div{
        height: 100px;
        background-color: red;
        margin-top: 10px;
        text-align: center;
    }
    div span{
        /* 垂直居中：行内元素行高=外层元素height */
        line-height: 200px;
        font-size: 24px;
        /* 字体变化 2s内变化  匀速变化 */
        transition: font-size 2s linear;
    }
    div:hover span{
        font-size: 150px;
    }
</style>